<template>
    <div class="LayoutForm">
        <img :src="require('@/assets/img/'+imgSrc)">
        <el-input v-model="input" :placeholder="place" :type="type"></el-input>
    </div>
</template>

<style lang="scss" >
    .LayoutForm{
        display: flex;
        justify-content: center;
        margin-bottom: 60px;

        .el-input{
            max-width: 300px;
        }
        
        img{
            width: 30px;
            height: 30px;
            margin-top: 4px;
            margin-right: 10px;
        }

        input{
            margin-left: 10px;
            width: 300px;
            height: 36px;
        }
    }
</style>

<script>
export default {
    data() {
        return {
            input: ''
        }
    },
    props:{
        imgSrc:String,
        place:String,
        type:{
            default:'text'
        }
    },
}
</script>

